<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>集客重新分发</title>
		<script src="//unpkg.com/vue/dist/vue.js"></script>
		<script src="//unpkg.com/element-ui@2.4.11/lib/index.js"></script>
		<style scoped>
			/* 在此定义当前页面css */
			@import url("//unpkg.com/element-ui@2.4.11/lib/theme-chalk/index.css");
		</style>
		<style type="text/css">
			#app{
				width: 1000px;
			}
			.info{
				float: left;
				width: 650px;
			}
			.imgright{
				width: 340px;
				float: right;
			}
		</style>
	</head>
	<body>
		<div id="app">
			<div class="info">
				<p><span class="headline">集客名：&emsp;</span>财神到</p>
				<p><span class="headline">发布给：&emsp;</span>
				 <el-checkbox-group v-model="checkList">
					<el-checkbox label="陈默"></el-checkbox>
					<el-checkbox label="王娜"></el-checkbox>
					<el-checkbox label="崔子文"></el-checkbox>
					<el-checkbox label="李能"></el-checkbox>
					<el-checkbox label="Rose"></el-checkbox>
					<el-checkbox label="艾米"></el-checkbox>
					<el-checkbox label="李宁" disabled></el-checkbox>
				  </el-checkbox-group>
				</p>
				<el-button type="primary">确认分发<i class="el-icon-upload el-icon--right"></i></el-button>
			</div>
			<div class="imgright">
				<img src="../imgs/customer/集客图片.jpg" width="500px"/>
			</div>
		</div>
		
		<script type="text/javascript">
			var Main = {
				data() {
				  return {
					 checkList: ['陈默','崔子文']
				  };
				}
			}
			
			var Ctor = Vue.extend(Main)
			new Ctor().$mount('#app')
		</script>
	</body>
</html>
